import { Step } from '@alifd/next';
import { observer } from 'mobx-react-lite';
import React, { useEffect, useState } from 'react';

const FormStep = (props) => {
  const { items = [], current } = props;
  return (
    <Step
      current={current}
      stretch
      shape="circle"
      labelPlacement="hoz"
    >
      {items.map((setting, index) => {
        const { title } = setting;
        return <Step.Item key={title} title={title} />;
      })}
    </Step>
  );
};

export default observer(FormStep);
